<!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">  <!--ie浏览器兼容模式 -->
    <meta name="renderer" content="webkit">                <!--webkit引擎渲染 -->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>图层测试</title>
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.js"></script>
    <script>
        if(window.jQuery){ //cdn加载失败 加载本地文件
           document.write("<script type='text/javascript' src='../lib/jquery/jquery.js'><\/script>");
        }
    </script>
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css"/>

    <style type="text/css">
        .map{
            height: 500px;
            border: 1px solid gray;
            border-radius: 10px 10px 10px 10px;
            padding: 10px;
        }

    </style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">LAERY</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->

    </div>
</nav>

<div class="container-fluid" style="position:relative;top:50px;">
   <div class="row">
       <div class="col-md-6">
           <div>
               <button class="btn btn-default">叠加图层</button>
               <button class="btn btn-default">叠加图层</button>
               <button class="btn btn-default">叠加图层</button>
           </div>
           <div id="map-container1" class="map">
                <!-- 地图容器1 -->
           </div>

       </div>
       <div class="col-md-6">
           <div>
              <button class="btn btn-default">tool</button>
           </div>
           <div id="map-container2" class="map">
               <!-- 地图容器2 -->

           </div>
       </div>
   </div>

    <div class="row">
        <div class="col-md-6">
            <div>
                <button class="btn btn-default">tool</button>
            </div>
            <div id="map-container3" class="map">

            </div>
        </div>
        <div class="col-md-6">
            <div>
                <button class="btn btn-default">tool</button>
            </div>
            <div id="map-container4" class="map">

            </div>
        </div>
    </div>


</div>

</body>
<script type="text/javascript" src="../lib/iclient/libs/SuperMap.Include.js"></script>
<script type="text/javascript" src="../lib/seajs/sea.js"></script>
<script type="text/javascript">
   seajs.config({
       base:"../module",
       map:[
               [".css",".css?t=" + new Date().getTime()],
//               [".json",".json?t=" + new Date().getTime()],
//               [".js",".js?t=" + new Date().getTime()]
       ]
   });
    seajs.use("iclient/main");
</script>

</html>